﻿<%--<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DomainDetail.aspx.cs" Inherits="MailBox.DomainDetail" MasterPageFile="~/Site.Master" %>--%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head id="Head1" runat="server">
    <meta charset="utf-8">
	<link href="../../Images/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
    <title>FAmails.com </title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="Content/dataTables.bootstrap.css" rel="stylesheet" />
    <link href='http://fonts.googleapis.com/css?family=Patrick+Hand&subset=latin,vietnamese' rel='stylesheet' type='text/css'>
</head>
<style>
    html,
        body {
            overflow:hidden;
            height:auto;
            padding:0px;
            padding-bottom:80px;
            margin:0px;
            min-height:100%;
            position:relative;
        }
        footer {
            position:absolute;
            bottom:0px;
            background:#ededed;
            text-align:center;
            left:0px;
            margin-top:-70px;
        }
    .input_add {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 0px;
    }
    input:focus,
    textarea:focus {
      border-color: #ddd;
      outline: 0;
    }
</style>
<body>
    <!-- HEADER -->
	<!-- MAIN CONTENT -->
    <div class="col-md-12 col-xs-12" style="position:relative;">
        <div class="container" style="color:#555;margin:10px auto;height:auto;padding:20px 0px;">
            <div class="col-md-12 col-xs-12" style="padding:5px;">
                <div style="padding:0px;" class="col-md-3">
                    <div class="col-md-12 col-xs-12" style="padding:5px;">
                        <img class="img" src="http://placehold.it/250x80/000/fff" style="width:100%;" />
                    </div>
                </div>
                <div style="padding:0px;" class="col-md-4">
                </div>

                <div style="padding:0px;" class="col-md-5 col-xs-12">
                    <div class="col-md-12 col-xs-12" style="padding:5px;text-align:right;">
                        <div class="col-md-12" style="text-align:left;padding:0px 5px;">
                            Tên nhóm :
                        </div>
                        <div class="col-md-8 col-xs-12" style="text-align:left;padding:0px 5px;">
                            <b>Nhóm IT Network</b>
                        </div>
                    </div>
                    <div class="col-md-12 col-xs-12" style="padding:5px;text-align:right;">
                        <div class="col-md-4 col-xs-6" style="padding:5px;">
                            Số thành viên :
                        </div>
                        <div class="col-md-2 col-xs-6" style="text-align:right;padding:5px;">
                            <b>10</b>
                        </div>
                        <div class="col-md-4 col-xs-6" style="padding:5px;">
                            Trực tuyến :
                        </div>
                        <div class="col-md-2 col-xs-6" style="text-align:right;padding:5px;">
                            <b>8</b>
                        </div>
                    </div>
                    <div class="col-md-12 col-xs-12" style="padding:5px;text-align:right;">
                        <div class="col-md-4 col-xs-6" style="padding:5px;">
                            Trạng thái nhóm :
                        </div>
                        <div class="col-md-4 col-xs-6" style="text-align:right;padding:5px;">
                            <b>Bình thường</b>
                        </div>
                        <div class="col-md-4 col-xs-12" style="text-align:center;padding:5px;">
                            <b>30 - 07 - 2014</b>
                        </div>
                    </div>
                </div>
            </div>
            <div class="table-responsive col-md-12 col-xs-12">
                <table class="table-bordered table" id="dataTables-example">
                    <thead>
                        <tr>
                            <th style="width:70px;">Avatar</th>
                            <th>Mã nhân viên</th>
                            <th>Họ Tên</th>
                            <th>Chức vụ</th>
                            <th>Email</th>
                            <th>Số điện thoại</th>
                            <th style="width:80px;">Tùy chỉnh</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td style="vertical-align:middle;text-align:center;"><img class="img-circle img img-thumbnail" style="width:100%;" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-xpf1/t1.0-1/c6.0.160.160/p160x160/10450596_545002008956679_2387905694320684413_n.jpg" /></td>
                            <td style="vertical-align:middle;">NVGF831</td>
                            <td style="vertical-align:middle;">Phok Văn Kiệt</td>
                            <td style="vertical-align:middle;">Chuyên viên Design</td>
                            <td style="vertical-align:middle;">kietpv88@gmail.com</td>
                            <td style="vertical-align:middle;">0934059899</td>
                            <td style="vertical-align:middle;"><span class="btn btn-default" style="border-radius:0px;width:100%;">Rời nhóm</span></td>
                        </tr>
                        <tr>
                            <td style="vertical-align:middle;text-align:center;"><img class="img-circle img img-thumbnail" style="width:100%;" src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-8/256/User-blue-icon.png" /></td>
                            <td style="vertical-align:middle;">NVGF831</td>
                            <td style="vertical-align:middle;">Phok Văn Kiệt</td>
                            <td style="vertical-align:middle;">Chuyên viên Design</td>
                            <td style="vertical-align:middle;">kietpv88@gmail.com</td>
                            <td style="vertical-align:middle;">0934059899</td>
                            <td style="vertical-align:middle;"><span class="btn btn-default" style="border-radius:0px;width:100%;">Rời nhóm</span></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
	</div>
    <footer class="visible-xs noprint" style="width:100%;border-top:1px solid #ddd;">
        <center>
             <div class="col-md-12 col-xs-12" style="color: #333; font-size: 14px;text-align:center;">
                <a href="loi-mo-dau-Q7i1T2.html" style="color:#333;">Quy định sử dụng</a>
                - <a href="loi-mo-dau-v4p1J2.html" style="color:#333;">Chính sách bảo mật</a>
                © 2012 - 2013 FAmails.com . All Rights Reserved         
            </div>
         </center>
    </footer>
    <footer class="hidden-xs noprint" style="width:100%;border-top:1px solid #ddd;height:40px;line-height:40px;">
        <center>
             <div class="col-md-12 col-xs-12" style="color: #333; font-size: 14px;text-align:center;">
                <a href="loi-mo-dau-Q7i1T2.html" style="color:#333;">Quy định sử dụng</a>
                - <a href="loi-mo-dau-v4p1J2.html" style="color:#333;">Chính sách bảo mật</a>
                © 2012 - 2013 FAmails.com . All Rights Reserved         
            </div>
         </center>
    </footer>

    <script src="Scripts/jquery-1.8.2.js"></script>
    <script src="Scripts/bootstrap.js"></script>
    <script type="text/javascript" src="Scripts/jquery.dataTables.js"></script>
    <script type="text/javascript" src="Scripts/dataTables.bootstrap.js"></script>
    <script>
        jQuery(function () {
            $('#dataTables-example').dataTable({
                "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]/*,
            "dom": 'T&lt;"clear"&gt;lfrtip',
            "tableTools": {
                "sSwfPath": "../resource/TableTools/media/swf/ZeroClipboard.swf"
            }*/
            });
        });
    </script>
</body>
</html>